import * as motion from 'motion/react-client'

/*
* initial 初始化动画样式
* animate 动画最终样式
* transition 动画过渡设置
*    - type 动画类型 spring 基于弹簧的动画
*
* */
export function MotionFc2() {
    return (
        <div className={'h-screen bg-black p-20'}>
            <motion.div className={'size-36 bg-rose-500'}
                        initial={{opacity:0,x:0}}
                        animate={{
                            opacity:1,
                            x:300
                        }}
                        transition={{
                            duration:0.95,
                            type: 'spring',
                            bounce:1
                        }}
            >

            </motion.div>
        </div>
    )
}
